import { Theme } from "@/hooks/interface";

export const headerTheme : Record<Theme.ThemeType, { [key : string] : string }> = {
	light: {
		"--el-header-logo-text-color": "#303133",
		"--el-header-bg-color": "#ffffff",
		"--el-header-text-color": "#303133",
		"--el-header-text-color-regular": "#606266",
		"--el-header-border-color": "#e4e7ed",
		"--el-bg-color-page": "#f2f3f5",
		// "--el-bg-color":"#ffffff",
		//"--el-header-logo-text-color": "#303133",
		//"--el-header-bg-color": "#ffffff",
		//"--el-header-text-color": "#303133",
		//"--el-header-text-color-regular": "#606266",
		//"--el-header-border-color": "#e4e7ed",
		"--el-menu-left-bg-color": "#f9f9f9",
		"--el-menu-left-text-color": "#000000",
		"--el-menu-left-item-color": "#ffffff",
		"--el-menu-left-frist-color": "#eeeeee",
		"--el-menu-right-bg-color": "#ffffff",
		"--el-menu-right-title-color": "#151515",
		"--el-menu-right-desc-color": "#A0A3A9",
		"--el-menu-right-text-color": "#303133",
		"--el-menu-right-close-color": "#666666",
		"--el-menu-right-input-border-color": "#eeeeee",
		"--el-menu-right-label-bg-color": "#f4f6f7",
		"--el-function-boder-color": "#e9ebec",
	},
	inverted: {
		"--el-header-logo-text-color": "#dadada",
		"--el-header-bg-color": "#191a20",
		"--el-header-text-color": "#e5eaf3",
		"--el-header-text-color-regular": "#cfd3dc",
		"--el-header-border-color": "#414243"
	},
	dark: {
		"--el-header-logo-text-color": "#dadada",
		"--el-header-bg-color": "#141414",
		"--el-header-text-color": "#e5eaf3",
		"--el-header-text-color-regular": "#cfd3dc",
		"--el-header-border-color": "#414243",

		"--el-menu-left-bg-color": "#13181c",
		"--el-menu-left-text-color": "#cfd3dc",
		"--el-menu-left-item-color": "#212529",
		"--el-menu-left-frist-color": "#181c1e",
		"--el-menu-right-bg-color": "#212529",
		"--el-menu-right-title-color": "#cfd3dc",
		"--el-menu-right-desc-color": "#82848F",
		"--el-menu-right-text-color": "#cfd3dc",
		"--el-menu-right-close-color": "#cfd3dc",
		"--el-menu-right-input-border-color": "#4C4D4F",
		"--el-menu-right-label-bg-color": "#262727",
		"--el-function-boder-color": "#32383e",
		"--el-bg-color-page":"#1a1d21",
		//"--el-bg-color-page":"#303550",
		// "--el-bg-color":"#171A2E",
		//    "--el-header-logo-text-color": "#dadada",
		//    "--el-header-bg-color": "#171A2E",
		//    "--el-header-text-color": "#e5eaf3",
		//    "--el-header-text-color-regular": "#cfd3dc",
		//"--el-header-border-color": "#414243",
		// "--el-menu-left-bg-color": "#171A2E",
		// "--el-menu-left-text-color": "#ffffff",
		// "--el-menu-left-item-color": "#262A42",
		// "--el-menu-left-frist-color": "#1E223D",
		// "--el-menu-right-bg-color": "#262A42",
		// "--el-menu-right-title-color": "#DFDFE8",
		// "--el-menu-right-desc-color": "#82848F",
		// "--el-menu-right-text-color": "#DFDFE8",
		// "--el-menu-right-close-color": "#DFDFE8",
		// "--el-menu-right-input-border-color": "#ffffff",
		// "--el-menu-right-label-bg-color": "#363B56",
	}
};